<%@page import="study.top.mydb.items.WishListItem"%>
<%@page import="study.top.mydb.WishList"%>
<%@page import="java.util.ArrayList"%>
<%@page import="study.top.mydb.WishListProduct"%>
<%@page import="study.top.mydb.items.WishListShowItem"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>
<%	
	// 페이지에 합쳐져서 상위에 <%@include file="dbcon.jsp" 가 존재함.
	db.connect();

	// 로그인 하지 않았을 때, 예산-합계-잔액의 기본값을 0으로 한다.
	int n_budget = 0;
	int n_sum = 0;
	int n_change = 0;	
	
	if (login) {	
		WishList wl = new WishList();
		WishListItem w_item = wl.show(mem_seq);
		
		if (w_item != null) {
			n_budget = w_item.getBudget();
		} else {
			n_budget = 0;
		}
		
		WishListProduct wlp = new WishListProduct();
		ArrayList<WishListShowItem> wishlist_list = wlp.wishListMember(mem_seq);
	
		if (wishlist_list != null) {
			for (int i = 0; i < wishlist_list.size(); i++) {
				WishListShowItem tab_item = wishlist_list.get(i);
				n_sum += tab_item.getSum();
			}
		} 
		n_change = n_budget - n_sum;
	}	
%>
	<div id= "quick" class="container" align="right" style='position:absolute; z-index:2; top:0; left:-100px; width:100px;'>
		<div class="budget-tab top-center">
			<br /><img src="img/budget.png">
			<input type="text" class="top-input3" id="budget" name="budget" value="<%=n_budget%>" /><br />
			<input type="button" class="top-btn-custom top-btn-tab-custom" id="tab-btn" name="tab-btn" value="예산설정" /><br />
			
			<br /><img src="img/budget_wishlist.png">

			<br /><img src="img/sum.png">
			<br /><input type="text" id="sum" class="top-input3" value="<%=n_sum%>">&nbsp;
			<br /><img src="img/change.png">
			<br /><input type="text" id="change" class="top-input3" value="<%=n_change%>">&nbsp;<br />
			<br />
		</div>
	</div>
	
	<script src="assets/js/jquery.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>	
	<!-- 구현 부분 -->
	<script type="text/javascript">
		$(function() {	
			// 탭 스크롤 위치를 이동시켜줌
			var quick_menu = $('#quick');
			var quick_top = 0;
			
			/* quick menu initialization */
			quick_menu.css('top', $(window).height() );
			$(document).ready(function(){
			quick_menu.animate( { "top": $(document).scrollTop() + quick_top +"px" }, 500 ); 
			$(window).scroll(function(){
			quick_menu.stop();
			quick_menu.animate( { "top": $(document).scrollTop() + quick_top + "px" }, 1000 );
			});
			});
			
			// 디자인된 팝업을 띄우는 함수
			function popup(str) {
				window.open("defaultPopup.jsp?title=" + str, "POP", "width=250,height=250,scrollbars=no");
			}
			
			// 예산이 입력된 부분에 숫자를 수정하고 예산설정 버튼을 누를 경우 실행된다.
			// tab_budget.jsp 페이지는 budget을 파라미터로 받아 "true/예산/위시리스트합계/잔액"을 가져온다
			$("input[name='tab-btn']").click(function() {				
				$.ajax({
					url: "ajax/tab_budget.jsp",
					data: "budget=" + $("input[name='budget']").val(),
					dataType: "text",
					timeout: 30000,
					cache: false,
					success: function(req) {
						var result = req.split("/");
						
						if (result[0] == "true") {
							popup("예산설정에 성공했습니다.");						
							document.getElementById('budget').value = result[1];
							document.getElementById('sum').value = result[2];
							document.getElementById('change').value = result[3];
						} else {
							popup("예산설정에 실패했습니다.");
							document.getElementById('budget').value = '';
						}
					},
					error: function(xhr, status, error) {
						popup("status: " + status + " / error-code: " + xhr.status + " " + error);	
					}
				});
			});				
		});
	</script>	